<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="user-scalable=no, initial-scale = 1, minimum-scale = 1, maximum-scale = 1, width=device-width" />
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="apple-mobile-web-app-status-bar-style" content="black" />
	<title>Dashboard</title>
	<link rel="stylesheet" href="../../static/stylesheets/app.css">
	<script src="../../static/scripts/library.js"></script>
	<script src="../../static/scripts/app.js"></script>
	<script src="../../static/scripts/initialize.js"></script>
</head>
<body class="">
	{%with user=request.session.user%}
	<div id="header">
		<ul class="con">
			<li class="dashboard">
				<a href="#home">Dashboard</a>
			</li>
			<li class="count indicator">
				<span data-count="2">Notifications</span>
				<ul>
					<li>
						<a href="{{STATIC_URL}}demo/ajax.html" data-modal>
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
					<li>
						<a href="{{STATIC_URL}}demo/ajax.html" data-modal>
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
				</ul>
			</li>
			<li class="messages">
				<span>Messages</span>
				<ul>
					<li class="unread">
						<a href="../../static/demo/ajax.html" data-modal>
							<img class="avatar" src="{{STATIC_URL}}demo/avatar.jpg" alt="avatar" />
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
					<li>
						<a href="{{STATIC_URL}}demo/ajax.html" data-modal>
							<img class="avatar" src="{{STATIC_URL}}demo/boy_avatar.jpg" alt="avatar" />
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
					<li>
						<a href="{{STATIC_URL}}demo/ajax.html" data-modal>
							<img class="avatar" src="{{STATIC_URL}}demo/avatar92.jpg" alt="avatar" />
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
				</ul>
			</li>
			<li class="avatar">
				<img src="../../static/images/{{user.avatar}}" alt="avatar" />
				<ul>
					<li>
						<a href="#">
							<h4>{{user.first_name}} {{user.last_name}}</h4>
							<p>Edit your profile</p>
						</a>
					</li>
					<li>
						<a rel="external" href="loggout">
							<h4>Cerrar Sesión</h4>
							<p>volver al inicio de sesión</p>
						</a>
					</li>
				</ul>
			</li>
			<li class="search">
				<input type="text" placeholder="Search" />
				<ul>
					<li>
						<a href="#">
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
					<li>
						<a href="#">
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
					<li>
						<a href="#">
							<h4>Jens Alba</h4>
							<p>Lorem ipsum dolor sit imet smd ddm lksdm lkdsm</p>
						</a>
					</li>
				</ul>
			</li>
		</ul>
	</div>
	<div id="stream">
		<div class="con">
			<a class="tile" id="addarticle">
				<span class="vector">C</span>
				<span class="title"><strong>New</strong> article</span>
				<span class="desc"><strong>Text</strong> editor</span>
			</a>
		</div>
	</div>
	<div id="dashboard">
		<div class="scroll con">

			<div class="section padding" title="Text" id="editor">
				<div class="carton container border">
					<div id="editor-textarea" class="column">
					</div>
					<div id="editor-preview" class="column right"></div>
				</div>
			</div>
		</div>
	</div>
	{% endwith %}
</body>
</html>